<div id="modalAdd" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="myModalLabel">Model Add</h4>
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
			</div>
			<div class="modal-body">
				<form class="form-horizontal form-label-left" action="javasript:void(0);">
					<div class="item form-group">
						<label class="col-form-label col-md-3 col-sm-3 label-align"
							>Role Name <span class="required">*</span>
						</label>
						<div class="col-md-6 col-sm-6">
							<input
								type="text"
								v-model="role.roleName"
								class="form-control"
								placeholder="Role Name"
								required=""
							/>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" @click="insertModel()" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>
